<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>phone</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/phone.css">
</head>

<body>
    <div>
        <!-- 导航栏 -->
        <nav>
            <div class="container nav">
                <div class="nav-content">
                    <img src="./images/logo.png" alt="">
                    <div class="bar"></div>
                    <div class="nav-middle">
                        <ul class="ul-fl cf">
                            <li class="iconfont icon-shouye">首页<span class="iconfont icon-xiangxia"></span></li>
                            <li class="iconfont icon-shouye">文章展示<span class="iconfont icon-xiangxia"></span></li>
                            <li class="iconfont icon-shouye">列表展示<span class="iconfont icon-xiangxia"></span></li>
                            <li class="iconfont icon-shouye">专题<span class="iconfont icon-xiangxia"></span></li>
                            <li class="iconfont icon-shouye">VIP介绍<span class="iconfont icon-xiangxia"></span></li>
                            <li class="iconfont icon-shouye">获取本站主题<span class="iconfont icon-xiangxia"></span></li>
                        </ul>
                    </div>
                </div>
                <div class="nav-right">
                    <ul class="ul-fl">
                        <li class="iconfont icon-lieri"></li>
                        <li class="iconfont icon-sousuo"></li>
                        <li class="iconfont icon-lingdang-xianxing"></li>
                        <li><button class="iconfont icon-lianxiren">登录</button></li>
                    </ul>
                </div>

            </div>
        </nav>
        <!-- nav-logo -->
        <div class="nav-logo">
            <h1>手机应用</h1>
        </div>
        <!-- nav-list -->
        <div class="nav-list">
            <div class="content">
                <ul class="ul-fl cf">
                    <li class="iconfont icon-yewutuopu list-name">UI设计</li>
                    <li>全部</li>
                    <li>XD</li>
                    <li>原型图</li>
                    <li class="active"><a href="#">手机应用</a></li>
                    <li>网站应用</li>
                </ul>
                <ul class="ul-fl cf">
                    <li class="iconfont icon-qian list-name">价格</li>
                    <li class="active">全部</li>
                    <li>免费</li>
                    <li>VIP会员免费</li>
                    <li>VIP会员折扣</li>
                    <li>VIP会员专属</li>
                    <li>永久VIP免费</li>
                </ul>
                <ul class="ul-fl cf">
                    <li class="iconfont icon-sort-desc-full list-name">排序</li>
                    <li class="active">最新</li>
                    <li>热度</li>
                    <li>点赞</li>
                    <li>收藏</li>
                    <li>更新</li>
                    <li>随机</li>
                </ul>
            </div>
        </div>
        <!-- grid-box -->
        <div class="grid-box ">
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>
            <div class="grid-item">
                <div class="img-vip">
                    <div class="VIP">VIP</div>
                </div>
                <div class="item-img">

                </div>
                <div class="item-content">
                    <div class="message">
                        <img src="./images/point.svg" alt="">
                        手机应用
                    </div>
                    <h2>Diamond kit 多用途UI 2.0</h2>
                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                    <div class="meta">
                        <span class="iconfont icon-zhong">4年前</span>
                        <span class="iconfont icon-shoucang">0</span>
                        <span class="iconfont icon-shoucang1">0</span>
                        <span class="iconfont icon-yanjing-shi">510</span>
                        <span class="iconfont icon-qian fr">6</span>
                    </div>
                </div>
            </div>

        </div>
        <!-- footer -->
        <div class="footer ">
            <div class="footer-box">
                <div class="footer-grid">
                    <div class="footer-grid1">
                        <div class="grid1-img">
                            <img src="./images/logo.png" alt="">
                        </div>
                        <p class="grid1-text">日主题v2是一款全新架构的Wordpress主题，兼容老款日主题，支持会员商城 ，前后台界面均支持html5响应式布局，夜间模式一键切换。
                        </p>
                    </div>
                    <div class="footer-grid2">
                        <h4>快速导航</h4>
                        <ul>
                            <li>个人中心</li>
                            <li>标签云</li>
                            <li>网址导航</li>
                        </ul>
                    </div>
                    <div class="footer-grid2">
                        <h4>关于本站</h4>
                        <ul>
                            <li>VIP介绍</li>
                            <li>客服咨询</li>
                            <li>推广计划</li>
                        </ul>
                    </div>
                    <div class="footer-grid2">
                        <h4>联系我们</h4>
                        <img class="fl" src="./images/ritheme-qr.png" alt="">
                        <img class="fl" src="./images/ritheme-qr.png" alt="">
                        如有BUG或建议可与我们在线联系或登录本站账号进入个人中心提交工单。
                    </div>
                </div>
                <div class="footer-message">
                    <div class="text1">Copyright © 2021 <a href="#">RiPro-V2</a>- All rights reserved</div>
                    <div class="text2">
                        <a href="#">京ICP备18888888号-1</a><a href="#">京公网安备 188888888</a> | 本站数据为演示数据，均来自互联网采集转载，仅供体验
                    </div>
                    <p>使用Redis缓存技术加速：SQL：29s <span> | </span>Pages：0.22782s</p>
                </div>
            </div>
        </div>
        <!-- side-nav-bar -->
        <div class="side-nav-bar">
            <ul class="actions">
                <li>
                    <a href="#">
                        <i class="iconfont icon-shouye"></i>
                        <span>首页</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont icon-lianxiren"></i>
                        <span>用户中心</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont icon-ziyuan"></i>
                        <span>会员介绍</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont icon-QQ"></i>
                        <span>QQ客服</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont icon-zhuti-04"></i>
                        <span>购买主题</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>

</body>

</html>